<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <style>
        .AddRed{
            color: red;
        }
        .background{
            background-color: #c3c3c3;
        }

    </style>
</head>
<body>
    <h1>我是一个标题</h1>
    <p>我是一个段落</p>
    <div class="background">我是div1</div>
    <button id="btn1">
        点击一下标题变红
    </button>
    <button id="btn2">
        点击取消DIV的背景
    </button>
    <script>
        $('#btn1').click(function () {
            // $('h1').addClass('AddRed');
            // $('h1').removeClass('AddRed');
            $('h1').toggleClass('AddRed');
        });
        $('#btn2').click(function () {
            $('div').toggleClass('background');
        });
    </script>
</body>
</html>